import React from 'react';

import {NavLink,withRouter} from 'react-router-dom';

import '../assets/css/indexNav.css'

class IndexNav extends React.Component{
    goTj(){
        this.props.history.push('/tj')
    }
    render(){
        return <div className='nav_box'>
            <ul className='nav_ul'>
                <li>
                    <NavLink activeClassName='active' to='/tj'>推荐</NavLink>
                </li>
                <li>
                    <NavLink activeClassName='active' to='/hot'>热歌榜</NavLink>
                </li>
                <li>
                    <NavLink activeClassName='active' to='/search'>搜索</NavLink>
                </li>
            </ul>
        </div>
    }
}

export default withRouter(IndexNav);